<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>怡荭书苑</title>
    <link rel="stylesheet" href="../css/common/base.css">
    <link rel="stylesheet" href="../css/shelf.css">
    <!--<script src="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>-->
    <!--<script>eruda.init();</script>-->
    <script>(function flexible(c,b){var h=b.documentElement;var d=c.devicePixelRatio||1;function g(){if(b.body){b.body.style.fontSize=(12*d)+"px"}else{b.addEventListener("DOMContentLoaded",g)}}g();function e(){var i=h.clientWidth/10;h.style.fontSize=i+"px"}e();c.addEventListener("resize",e);c.addEventListener("pageshow",function(i){if(i.persisted){e()}});if(d>=2){var f=b.createElement("body");var a=b.createElement("div");a.style.border=".5px solid transparent";f.appendChild(a);h.appendChild(f);if(a.offsetHeight===1){h.classList.add("hairlines")}h.removeChild(f)}}(window,document));</script>
</head>
<body>
<div class="shelf-wrapper">
    <div class="head-wrapper">
        <div class="back-home inline">首页</div>
        <div class="tab-wrapper inline">
            <div class="tab myshelf inline pr active" data-target="myshelf">我的书架<i class="pa bottom-line"></i></div>
            <div class="tab track inline pr" data-target="track ">阅读足迹 <i class="pa bottom-line"></i></div>
        </div>
        <div class="btn-wrapper inline">
            <div class="manage right-btn">管理</div>
            <div class="cancel right-btn">取消</div>
        </div>
    </div>
    <p class="split-line-wrapper"></p>
    <div class="main-content">
        <div class="shelf-content">
            <ul class="shelf-list">
            </ul>
            <div class="none-tip">
                <div class="none-tip-wrapper"></div>
                <p class="tc word-tip">暂无书籍</p>
                <div class="go-to-home">去书城看看</div>
            </div>
        </div>
        <div class="track-content">
            <ul class="track-list">
            </ul>
            <div class="tips-wrapper">
                <p class="tip-icon"></p>
                <p class="tip-word tc">~~仅显示三个月内阅读书籍~~</p>
            </div>
        </div>
    </div>
    <div class="like-mask-wrapper">
        <div class="like-wrapper">
            <div class="like-header clearfix">
                <div class="left-title fl">你可能喜欢的书</div>
                <div class="close-wrapper fr"></div>
            </div>
            <div class="like-content">
                <ul>
                </ul>
            </div>
        </div>
    </div>
    <div class="select-all-wrapper clearfix">
        <div class="select-all fl">全选</div>
        <div class="not-select-all fl">全不选</div>
        <div class="del fr">删除</div>
    </div>
</div>
<script src="../js/libs/zepto.min.js"></script>
<script src="../js/libs/common.js"></script>
<script src="../js/shelf.js"></script>
</body>
</html>